.body-inner {
    padding-left  : @body-part-padding;
    padding-right : @body-part-padding;
    height        : calc(~"100vh - @{drag-height} - @{body-part-padding}");
    overflow      : hidden;

    .body-title {
        .noSelect;
        color         : #fff;
        display       : flex;
        align-items   : center;
        margin-bottom : 20px;
        font-weight   : normal;
        height        : 30px;

        & > .appfont {
            margin-right : 10px;
            font-size    : 25px;
            flex-grow    : 0;
            flex-shrink  : 0;
        }

        span {
            font-weight : bold;
            font-size   : 22px;
            flex-grow   : 0;
            flex-shrink : 0;
        }

        .btn {
            flex-grow             : 0;
            flex-shrink           : 0;
            font-size             : 12px;
            background            : @blue;
            color                 : #fff;
            height                : 25px;
            -webkit-border-radius : 3px;
            -moz-border-radius    : 3px;
            border-radius         : 3px;
            padding               : 0 12px;
            display               : flex;
            align-items           : center;
            justify-content       : center;
            cursor                : pointer;
            margin-left           : 20px;
        }
    }

    .body-main {
        height     : calc(~"100vh - @{drag-height} - @{body-part-padding} - 59px");
        width      : calc(~"100vw - @{ui-left-width} - @{body-part-padding} * 2");
        overflow-y : auto;
        overflow-x : auto;
    }
}

.app-table {
    width : auto;

    table {
        width           : 100%;
        border-collapse : collapse;
    }

    tr:hover td {
        background : rgba(255, 255, 255, 0.02);
    }

    th {
        padding    : 10px 15px;
        background : rgba(255, 255, 255, 0.08);
        text-align : left;

        &.center {
            text-align : center;
        }
    }

    td {
        padding       : 10px 15px;
        text-align    : left;
        border-bottom : 1px solid rgba(255, 255, 255, 0.05);

        &.center {
            text-align : center;
        }

        &.norow {
            text-align  : center;
            padding     : 50px;
            border      : 0;
            font-size   : 30px;
            font-weight : 100;
            color       : #393939;
        }
    }
}

.xbtns {
    display : flex;

    &.center {
        justify-content : center;
    }
}

.xbtn {
    display               : flex;
    align-items           : center;
    justify-content       : center;
    padding               : 0 10px;
    color                 : #fff;
    cursor                : pointer;
    border                : 0;
    -webkit-border-radius : 3px;
    -moz-border-radius    : 3px;
    border-radius         : 3px;
    background            : #666;
    height                : 25px;
    font-size             : 12px;
    flex-grow             : 0;
    flex-shrink           : 0;
    margin-right          : 3px;

    &:last-child {
        margin-right : 0;
    }

    &.small {
        height    : 25px;
        font-size : 12px;
        padding   : 0 10px;
    }

    &.big {
        height    : 35px;
        font-size : 14px;
        padding   : 0 20px;
    }

    &.gray {
        background : @gray;

        &:hover {
            background : lighten(@gray, 8%);
        }
    }

    &.blue {
        background : @blue;

        &:hover {
            background : lighten(@blue, 8%);
        }
    }

    &.orange {
        background : @orange;

        &:hover {
            background : lighten(@orange, 8%);
        }
    }

    &.green {
        background : @green;

        &:hover {
            background : lighten(@green, 8%);
        }
    }

    &.red {
        background : @red;

        &:hover {
            background : lighten(@red, 8%);
        }
    }

    &.purple {
        background : @purple;

        &:hover {
            background : lighten(@purple, 8%);
        }
    }
}

